<%@page import="com.etc.entity.Housing"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/css/layui.css" media="all">

  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/myLayui.css">
  <link rel="stylesheet" href="css/mycss.css">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
  
  <style>
 .mylaycss{
 background:red;
 }
    </style>
</head>

<body>

				<%
					if(request.getAttribute("thishs")!=null){
						Housing thishs=(Housing)request.getAttribute("thishs");
						%>
    
  <!-- 导航 -->
  <ul class="layui-nav" style="padding-left: 100px;">
    <div class="w">
        <span class="logo"><img src="img/logo.png" alt=""></span>
        <li class="layui-nav-item"><a href="is.do">首页</a></li>
        <li class="layui-nav-item"><a href="ss.do?op=apartment01"">蔡塘悦舍</a></li>
        <li class="layui-nav-item"><a href="ss.do?op=apartment02"">悦舍大院</a></li>
        <li class="layui-nav-item"><a href="ss.do?op=apartment03"">悦舍阔居</a></li>
        <li class="layui-nav-item"><a href="ts.do?op=query">社区生活</a></li>
        <li class="layui-nav-item"><a href="is.do?op=about">关于悦舍</a></li>
        <li class="layui-nav-item"><a href="is.do?op=aboutus">关于我们</a></li>

  <c:if test="${sessionScope.username==null}">
       <li class="layui-nav-item user youke" >
          <a href="login.jsp">登录</a>
             </li>
          </c:if>
          
          
          <c:if test="${sessionScope.username!=null}">
        <li class="layui-nav-item user youke" >
                  <a href=""><img src="<%=request.getAttribute("personImg") %>" class="layui-nav-img"><%=request.getAttribute("personNickName") %></a>
                  <dl class="layui-nav-child">
                      <dd><a href="us.do?op=queryPerson">个人中心</a></dd>
                      <dd><a href="us.do?op=updpwd1">密码修改</a></dd>
                      <dd><a href="us.do?op=removesession">退出</a></dd>
                  </dl>
         </li>
          </c:if>

    </div>
  </ul>

  <!-- 内容 -->
  <div class="w">

    <div class="crumbs"><a href="is.do">首页</a><span>&gt;</span><a href="is.do?op=searchBypage">房源查询</a><span>&gt;</span><a>公寓详情</a></div>

    <div class="apacon_room clearfix mt20 apacon_room_comma">
      <ul class="apacon_room_hide" id="sroom_187" style="display: none;">
        <div class="apacon_room_img">
          <ul>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/60806d2267ba46a981e98284157a42cd.jpg"
                width="630" height="475"></li>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/504b146c39674dfe8799d22ba396e8b7.jpg"
                width="630" height="475"></li>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/683a511e37f449cf9bca410726e47c90.jpg"
                width="630" height="475"></li>
          </ul>
        </div>

        <div class="apacon_room_s">
          <ul class="apacon_arrow apacon_arrow_t apacon_arrow_hui">
            <li></li>
          </ul>
          <ul class="apacon_arrow_c">
            <li num="3">
              <a aid="0"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/60806d2267ba46a981e98284157a42cd.jpg"
                  width="165" height="125"></a>
              <a aid="1"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/504b146c39674dfe8799d22ba396e8b7.jpg"
                  width="165" height="125"></a>
              <a aid="2"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/683a511e37f449cf9bca410726e47c90.jpg"
                  width="165" height="125"></a>
            </li>
          </ul>
          <ul class="apacon_arrow apacon_arrow_b apacon_arrow_hui">
            <li></li>
          </ul>
        </div>

        <div class="apacon_room_txt">
          <ul class="apacon_room_bt" [object="" object]="">
            <h5>上海外高桥行南路店</h5>
            <h6>上海市浦东新区行南路349弄48号</h6>
          </ul>
          <ul class="apacon_room_price">
            <p><span>￥2150</span>/月(季付)</p>
          </ul>
          <ul class="apacon_room_intro">
            <li><span></span>200m²公共娱乐大客厅</li>
            <li><span></span>贴心管家服务</li>
            <li><span></span>休闲健身区</li>
            <li><span></span>代（收）发快递</li>
            <li><span></span>有停车位</li>
            <li><span></span>房间最小面积：20㎡</li>

          </ul>
          <ul class="apacon_room_btn js_yyopen" aid="18" roomid="187">预约看房</ul>
        </div>
      </ul>
      <ul class="apacon_room_hide" id="sroom_186" style="display: none;">
        <div class="apacon_room_img">
          <ul>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/ce8d29585567475b94b6c90412ab1375.jpg"
                width="630" height="475"></li>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/3d1d05cee0424683872d1b80fa2752d4.jpg"
                width="630" height="475"></li>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/783cf1d79d944ec6959be28c0d368845.jpg"
                width="630" height="475"></li>
          </ul>
        </div>

        <div class="apacon_room_s">
          <ul class="apacon_arrow apacon_arrow_t apacon_arrow_hui">
            <li></li>
          </ul>
          <ul class="apacon_arrow_c">
            <li num="3">
              <a aid="0"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/ce8d29585567475b94b6c90412ab1375.jpg"
                  width="165" height="125"></a>
              <a aid="1"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/3d1d05cee0424683872d1b80fa2752d4.jpg"
                  width="165" height="125"></a>
              <a aid="2"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/783cf1d79d944ec6959be28c0d368845.jpg"
                  width="165" height="125"></a>
            </li>
          </ul>
          <ul class="apacon_arrow apacon_arrow_b apacon_arrow_hui">
            <li></li>
          </ul>
        </div>

        <div class="apacon_room_txt">
          <ul class="apacon_room_bt" [object="" object]="">
            <h5>上海外高桥行南路店</h5>
            <h6>上海市浦东新区行南路349弄48号</h6>
          </ul>
          <ul class="apacon_room_price">
            <p><span>￥2300</span>/月(季付)</p>
          </ul>
          <ul class="apacon_room_intro">
            <li><span></span>200m²公共娱乐大客厅</li>
            <li><span></span>贴心管家服务</li>
            <li><span></span>休闲健身区</li>
            <li><span></span>代（收）发快递</li>
            <li><span></span>有停车位</li>
            <li><span></span>房间最小面积：19㎡</li>

          </ul>
          <ul class="apacon_room_btn js_yyopen" aid="18" roomid="186" style="diaplay:none">预约看房</ul>
        </div>
      </ul>
      <ul class="apacon_room_hide" id="sroom_185" style="display: none;">
        <div class="apacon_room_img">
          <ul>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/dc04834b76654c1088abc630a763ecf7.jpg"
                width="630" height="475"></li>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/79ac0ae8bb314a61a012e5ab7707e3a0.jpg"
                width="630" height="475"></li>
            <li><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/4923f4ca048342bca4f4f904d46b8645.jpg"
                width="630" height="475"></li>
          </ul>
        </div>

        <div class="apacon_room_s">
          <ul class="apacon_arrow apacon_arrow_t apacon_arrow_hui">
            <li></li>
          </ul>
          <ul class="apacon_arrow_c">
            <li num="3">
              <a aid="0"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/dc04834b76654c1088abc630a763ecf7.jpg"
                  width="165" height="125"></a>
              <a aid="1"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/79ac0ae8bb314a61a012e5ab7707e3a0.jpg"
                  width="165" height="125"></a>
              <a aid="2"><i></i><img
                  src="http://www.yazhugongyu.com/recouse/upload/image/webimg/4923f4ca048342bca4f4f904d46b8645.jpg"
                  width="165" height="125"></a>
            </li>
          </ul>
          <ul class="apacon_arrow apacon_arrow_b apacon_arrow_hui">
            <li></li>
          </ul>
        </div>

        <div class="apacon_room_txt">
          <ul class="apacon_room_bt" [object="" object]="">
            <h5>上海外高桥行南路店</h5>
            <h6>上海市浦东新区行南路349弄48号</h6>
          </ul>
          <ul class="apacon_room_price">
            <p><span>￥2400</span>/月(季付)</p>
          </ul>
          <ul class="apacon_room_intro">
            <li><span></span>200m²公共娱乐大客厅</li>
            <li><span></span>贴心管家服务</li>
            <li><span></span>休闲健身区</li>
            <li><span></span>代（收）发快递</li>
            <li><span></span>有停车位</li>
            <li><span></span>房间最小面积：21㎡</li>

          </ul>
          <ul class="apacon_room_btn js_yyopen" aid="18" roomid="185">预约看房</ul>
        </div>
      </ul>
      <ul class="apacon_room_hide alload" id="sroom_80" style="display: block;">
        <div class="apacon_room_img">
          <ul>
            <li class="alload" style="display: list-item;"><img
                src="<%=thishs.getHsPic01() %>"
                width="630" height="475" style="display: inline;"></li>
            <li class="alload" style="display: none;"><img
                src="<%=thishs.getHsPic02() %>"
                width="630" height="475" style="display: inline;"></li>
            <li class="alload" style="display: none;"><img
                src="<%=thishs.getHsPic03() %>"
                width="630" height="475" style="display: inline;"></li>
            <li style="display: none;"><img
                src="<%=thishs.getHsPic01() %>"
                width="630" height="475"></li>
          </ul>
        </div>

        <div class="apacon_room_s">
          <ul class="apacon_arrow apacon_arrow_t">
            <li></li>
          </ul>
          <ul class="apacon_arrow_c">
            <li>
              <a aid="0" class="alload jtsm_on"><i></i><img
                  src="<%=thishs.getHsPic01() %>"
                  width="165" height="125" style="display: inline;"></a>
              <a aid="1" class="alload"><i></i><img
                  src="<%=thishs.getHsPic02() %>"
                  width="165" height="125" style="display: inline;"></a>
              <a aid="2" class="alload"><i></i><img
                  src="<%=thishs.getHsPic03() %>"
                  width="165" height="125" style="display: inline;"></a>
              <a aid="3"><i></i><img
                  src="<%=thishs.getHsPic01() %>"
                  width="165" height="125"></a>
            </li>
          </ul>
          <ul class="apacon_arrow apacon_arrow_b">
            <li></li>
          </ul>
        </div>

        <div class="apacon_room_txt">
          <ul class="apacon_room_bt" [object="" object]="">
            <h5><%=thishs.getHouseName() %> - <%=thishs.getHouseType() %></h5>
            <h6><%=thishs.getHsAddress() %></h6>
          </ul>
          <ul class="apacon_room_price">
            <p><span>￥<%=thishs.getHsPrice() %></span>/月</p>
          </ul>
          <ul class="apacon_room_intro">
            <li>
             <%=thishs.getHsIntroduce() %> 
            </li>
            <li>
               电话咨询：<%=thishs.getHsCall() %>
          
               </li>
               <li>     微信咨询：<%=thishs.getHsWechat() %></li>
          </ul>
          <ul class="apacon_room_btn js_yyopen" aid="18" roomid="80" id="Qrcode">关注悦舍公众号，了解更多详情</ul>
        </div>
      </ul>
    </div>

    <div class="apacon_title">
      <span></span>
      <ul>
        <li><span></span>房屋配置</li>
      </ul>

    </div>

    <div class="apacon_deploy">
      <ul id="deploy_80" style="display: block;">
        <li><i class="icon_dachuang"></i>大床</li>
        <li><i class="icon_yigui"></i>衣柜</li>
        <li><i class="icon_shuzhuo"></i>书桌</li>
        <li><i class="icon_wifi"></i>Wi-Fi</li>
        <li><i class="icon_xiyiji"></i>洗衣机</li>
        <li><i class="icon_reshuiqi"></i>热水淋浴</li>
        <li><i class="icon_kongtiao"></i>空调</li>
        <li><i class="icon_bingxiang"></i>冰箱</li>
        <li><i class="icon_suo"></i>智能锁</li>
        <li><i class="icon_furnace"></i>电磁炉</li>
        <li><i class="icon_kitchen"></i>简易厨房</li>
        <li><i class="icon_chood"></i>抽油烟机</li>
        <li><i class="icon_soft"></i>沙发</li>
        <li><i class="icon_tv"></i>电视机</li>
        <li><i class="icon_simmons"></i>席梦思床垫</li>
        <li><i class="icon_toilet"></i>独立卫生间</li>
      </ul>
    </div>

    <div class="apacon_title">
      <span></span>
      <ul>
        <li><span></span>关于此房源</li>
      </ul>
    </div>

    <div class="apacon_intro">
      <ul><b>周边：</b>
        <p style="margin-left: 10px;line-height: 20px;vertical-align: baseline;background: white">
          位于蔡塘社区，靠近宝龙一城广场，地铁站步行可到，周边工作超便捷~</p>
        <p style="margin-left: 10px;line-height: 20px;vertical-align: baseline;background: white">
         周边有蔡塘广场，购物生活超便捷，公寓内将设有闪电购购物点，一体化生活无压力。</p>
        <p
          style="margin-left: 10px; line-height: 20px; vertical-align: baseline; background: white none repeat scroll 0% 0%;">
          品牌大面积健身房步行1分钟即到，健身休闲娱乐一站式，工作生活两相宜。</p>
      </ul>
      <ul class="mt15"><b>交通：</b>地铁2号线；蔡塘BRT战；公交线路：129，426，402等</ul>
    </div>


  </div>

  <!-- footer -->
  <div class="footerbg mt80">
    <div class="w footer">
      <ul class="footer_top clearfix">
        <div class="f_logo"><img src="img/logo_01.png"></div>
        <dl class="f_time">
          <dt>400-920-3805</dt>
          <dd>服务时间：工作日</dd>
          <dd>服务时间：9:30-18:00</dd>
        </dl>
        <div class="f_ewm">
          <dl>
            <dt><img
                src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg">
            </dt>
            <dd>下载app</dd>
          </dl>
          <dl>
            <dt><img
                src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg">
            </dt>
            <dd>关注微信</dd>
          </dl>
          <dl>
            <dt><img
                src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg">
            </dt>
            <dd>关注微博</dd>
          </dl>
        </div>
        <div class="f_menu">
          <dl>
            <dt>常见问题</dt>
            <dd><a href="#">预约预定</a></dd>
            <dd><a href="#">入住需知</a></dd>
            <dd><a href="#">租期服务</a></dd>
            <dd><a href="#">缴费须知</a></dd>
          </dl>
          <dl>
            <dt>关于我们</dt>
            <dd><a href="#">悦舍故事</a></dd>
            <dd><a href="#">悦舍文化</a></dd>
            <dd><a href="#">悦舍大事记</a></dd>
            <dd><a href="#">悦舍品牌</a></dd>
          </dl>
          <dl>
            <dt>活动介绍</dt>
            <dd><a href="#">线上活动</a></dd>
            <dd><a href="#">线下活动</a></dd>
          </dl>
        </div>
      </ul>
      <ul class="copyright"> © 2019 YUESHE All Rights reserved. 悦舍生活（厦门）有限公司</ul>
    </div>
  </div>
  </div>
  						<%
					}
				%>	
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="layui/layui.js" charset="utf-8"></script>
  <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
  <script>
    layui.use('element', function () {
      var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
      //监听导航点击
      element.on('.layui-nav', function (elem) {
        //console.log(elem)
        layer.msg(elem.text());
      });
    });

  </script>
  <script>
    $("#newapa li div").on({
      mouseover: function () {
        $(this).addClass("hs_on")
      },
      mouseout: function () {
        $(this).removeClass("hs_on")
      }
    })

    $(".home_apa_pop").on({
      mouseover: function () {
        $(this).children('div').children('dl').css('top', '0')
      },
      mouseout: function () {
        $(".commma_pop_dl").css('top', '255px')
      }
    })

    $(".apacon_arrow_c .alload").on('click',function(){
    // alert($(this))
    var index = $(this).index()
    // $(".apacon_room_img>ul>alload>").eq(index).show().siblings().hide();
    $(".apacon_arrow_c .alload").eq(index).addClass('jtsm_on').siblings().removeClass("jtsm_on");

    $(".apacon_room_img .alload").eq(index).css('display','list-item').siblings().css('display','none')
    
})

	$("#Qrcode").click(function(){
		layui.use('layer', function(){
			  var layer = layui.layer;
			  
			  layer.open({
				  type: 1,
				  title: false,
				  closeBtn: 0,
				  shadeClose: true,
				  skin: '',
				  content:"<img src='img/Qrcode.jpg' style='height:300px;width:300px;'>",
				  area:[300,300]
				});
			});     
	})
  </script>
  
  </div>
</body>

</html>